<template>
  <div class="projectManageTechnician">
    <c-title :hide="false" :text="'预约管理'"></c-title>
    <van-search v-model="keyword" placeholder="请输入项目名称" />
    <div class="txt">选择技师</div>
    <div class="list">
      <div class="lis">
        <div class="img"></div>
        <div class="contenDetail">
          <div class="user">
            <span class="name">陈考</span>
            <div class="no">ID:123</div>
          </div>
          <div class="dec">技师简介</div>
        </div>
        <div class="btn">选择</div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  }
};
</script>
<style lang="scss" scoped>
.txt {
  margin: 0.94rem 0.81rem;
  font-weight: 500;
  font-size: 0.88rem;
  text-align: left;
}
.list {
  margin: 0 0.75rem;
  overflow: hidden;
  margin-top: 0.63rem;
  .lis {
    padding: 0.75rem 0.63rem 0.75rem 0.63rem;
    margin-bottom: 0.63rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .img {
      width: 2.75rem;
      height: 2.75rem;
      background: #f0f0f1;
      border-radius: 50%;
      margin-right: 0.38rem;
    }
    .btn {
      font-size: 0.81rem;
      color: #ffffff;
      width: 3rem;
      height: 1.75rem;
      background: #f15353;
      border-radius: 1.88rem;
      text-align: center;
      line-height: 1.75rem;
    }
    .contenDetail {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      flex: 1;
      .user {
        display: flex;
        align-items: center;
        .name {
          flex-grow: bold;
          font-size: 0.88rem;
          margin-right: 0.34rem;
        }
        .no {
          font-size: 0.75rem;
          color: #6e6e79;
          padding: 0.13rem 0.22rem;
          background: #ffffff;
          border-radius: 0.25rem;
          box-sizing: border-box;
          border: 1px solid #d6d6dc;
          border-radius: 0.25rem;
        }
      }
      .dec {
        font-size: 0.81rem;
        color: #6e6e79;
      }
    }
  }
}
</style>
